import styled from 'styled-components'

const SearchBarWrapper = styled.div `
    height: ${ props => props.height};
    display: flex;
    padding: 0 .2rem;
    .search-input {
        flex: 1;
        display: flex;
        height: 100%;
        width: ${ props => props.width};
        border-radius: 0.1rem;
        border: .01rem solid #eee;
        box-shadow: 0 0 0 .1rem #FDFDFD;
        align-items: center;
        padding-left: .1rem;
        span {
            margin-left: .2rem;
            color: #999999;
        }
    }
`

export {
    SearchBarWrapper
}